<section ng-show="open" ng-keyup="keyUp($event)" tabindex="1" class="modal modal-animation ng-hide" id="delete-single-series-modal">

  <header>
    <a class="fa fa-times close-modal" ng-click="close()"></a>
    <h2 translate="CONFIRMATIONS.ACTIONS.CONFIRMATION"><!-- Confirmation  --></h2>
  </header>

  <div ng-if="hasEvents && !deleteSeriesWithEventsAllowed">
    <div class="modal-alert danger">
      <p translate="CONFIRMATIONS.ERRORS.SERIES_HAS_EVENTS">
      <!-- The highlighted series cannot be deleted as they still contain events -->
      </p>
    </div>
    <div class="btn-container">
      <a translate="CANCEL" class="cancel-btn close-modal" ng-click="close()">
        <!--- Cancel -->
      </a>
    </div>
  </div>

  <div ng-if="!hasEvents || deleteSeriesWithEventsAllowed">

    <div ng-if="hasEvents && deleteSeriesWithEventsAllowed" class="modal-alert warning">
      <p translate="CONFIRMATIONS.WARNINGS.SERIES_HAS_EVENTS">
      <!-- The highlighted series cannot be deleted as they still contain events -->
      </p>
    </div>

    <div>
      <p><span translate="CONFIRMATIONS.METADATA.NOTICE.SERIES"><!-- The following series will be deleted --></span>:</p>
      <p class="delete">{{name}}</p>
    </div>
    <p translate="CONFIRMATIONS.CONTINUE_ACTION"><!-- Are you sure you want to continue? --></p>

    <div class="btn-container">
      <a translate="CANCEL" class="cancel-btn close-modal" ng-click="close()">
        <!--- Cancel -->
      </a>
      <a translate="WIZARD.DELETE" class="danger-btn" ng-click="confirm()">
        <!-- Confirm -->
      </a>
    </div>
  </div>
</section>
